

<template>
	<view class="goods e-flex bg-white" v-if="props.info" >
		<view class="e-m-r-20" >
			<image  mode="aspectFill" class="goods-image-190" :src="$fullLink(props.info.coverImg|| '')">
				
			</image>
		</view>
		<view class="goods-right e-flex-column e-flex-items-start e-flex-between e-flex-1">
			<view class="goods-tlt e-line-2 e-m-b-10">{{ props.info.name }}</view>
			<view class="btm-box e-flex e-flex-between">
				<view class="price">
					{{$unitEn}}{{ props.info.price }}
				</view>
				<image class="img-36" :src="$staticPath('classify/delete.png')" @tap.stop="$emit('del',props.info.id,1)"></image>
			</view>
		</view>
	</view>
</template>

<script lang="ts">
	import {
		defineComponent
	} from 'vue'

	export default defineComponent({
		options: {
			virtualHost: true
		}
	})
</script>
<script lang="ts" setup>
	const props = defineProps<{
		info ?: Object
		
	}>()

</script>

<style scoped lang="scss">
	.goods-image-190 {
		
		width: 190rpx;
		height: 190rpx;
	}
.goods {
	padding: 20rpx 32rpx;
	.goods-right {
		height: 180rpx;
		padding: 10rpx 0;
		.goods-tlt {
			line-height: 40rpx;
			height: 80rpx;
		}
		.btm-box {
			width:100%;
			.price {
				color: #474f59;
				@include fontH(32, 44);
			}
		}
	}
}
</style>
